// out: ../css/
@import "base";
@vw: 3.75vw;
.navbar {
  width: (375 / @vw);
  height: (44 / @vw);
  padding: 0 (12 / @vw) 0 (18 / @vw);
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  img {
    width: (66 / @vw);
    height: (30 / @vw);
  }
  .right {
    display: flex;
    align-items: center;
    width: (160 / @vw);
    justify-content: space-between;
    .icon-MBEfenggechangyongtubiao-sousuo {
      font-size: (22 / @vw);
      color: skyblue;
    }
    img {
      width: (22 / @vw);
      height: (22 / @vw);
      border-radius: (11 / @vw);
    }
    a {
      color: #fff;
      background-color: #ed7099;
      width: (72 / @vw);
      height: (24 / @vw);
      text-align: center;
      line-height: (24 / @vw);
      border-radius: (4 / @vw);
      font-size: (14 / @vw);
    }
  }
}
.download {
  width: (351 / @vw);
  background-color: #ed7099;
  height: (37 / @vw);
  border-radius: (22 / @vw);
  padding: 0 (10 / @vw) 0 (15 / @vw);
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: (15 / @vw);
  bottom: (30 / @vw);
  img {
    width: (35 / @vw);
    height: (16 / @vw);
    background-color: #fff;
  }
  span {
    color: #fff;
    margin-left: 10px;
    font-size: (14 / @vw);
  }
}
.tabs {
  width: (375 / @vw);
  height: (44 / @vw);
  padding: 0 (12 / @vw) 0 (18 / @vw);
  background-color: #fff;
  position: fixed;
  top: (44 / @vw);
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  span {
    width: 100%;
    display: flex;
    justify-content: space-between;
    a {
      font-size: (16 / @vw);
    }
    .icon-down-circle-fill {
      width: (20 / @vw);
      height: (20 / @vw);
      line-height: (22 / @vw);
    }
  }
}
.main {
  width: (375 / @vw);
  margin-top: (80 / @vw);
  padding: 0 (12 / @vw) 0 (12 / @vw);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  .item {
    margin-bottom: (8 / @vw);
    .pic {
      img {
        width: (173 / @vw);
        height: (97 / @vw);
      }
      .info {
        width: (173 / @vw);
        height: (18 / @vw);
        display: flex;
        justify-content: space-between;
        color: #fff;
        padding: 0 (5 / @vw);
        position: absolute;
        bottom: 6px;
        a {
          color: #fff;
        }
      }
    }
  }
  .box {
    width: (173 / @vw);
    height: (40 / @vw);
    overflow: hidden;
    display: -webkit-box;
    font-size: (14 / @vw);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
